<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>跳转提示</title>
    <style type="text/css">
    *{ padding: 0; margin: 0; }
    body{ background: #fff; font-family: '微软雅黑'; color: #333; font-size: 6px; }

    .message{width: 400px;min-height:200px;display:block;margin:auto;border:1px solid #428bca;margin-top:36px;border-radius:8px;overflow:hidden;box-shadow:0 2px 20px #ccc;}
    .head{width: 100%;height: 50px;line-height:50px;font-size:20px;background:#428bca;text-align: center;color:#fff;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
    .content{display:block;overflow:hidden;padding:0px 12px 24px 12px;}
    .success{text-align: center;margin:16px auto;font-size:26px;color:green;}
    .error{text-align: center;margin:16px auto;font-size:26px;color:red;}
    .jump{text-align: center;margin-top: 20px;}
	#href{
		display:block;text-decoration:none;font-size:15px;
	}
    </style>

    </head>

    <body>
    <div class="message">

    <div class="head"><span>迷笛音乐后台提示信息</span></div>

    <div class="content">

    <?php if(isset($message)) {?>

    <p class="success"> <?php echo($message); ?></p>

    <?php }else{?>

    <p class="error"> <?php echo($error); ?></p>

    <?php }?>

    <p class="detail"></p>

    <p class="jump">

    <a id="href" href="<?php echo($jumpUrl); ?>">如果你的浏览器没有自动跳转，请点击这里...</a>

    <br />

    等待时间： <b id="wait"><?php echo($waitSecond); ?></b>

    </p>

    </div>

    </div>

    <script type="text/javascript">

    (function(){

    var wait = document.getElementById('wait'),href = document.getElementById('href').href;

    var interval = setInterval(function(){

    var time = --wait.innerHTML;

    if(time <= 0) {

    location.href = href;

    clearInterval(interval);

    };

    }, 1000);

    })();

    </script>

    </body>

    </html>